<?php
/**
 * Created by PhpStorm.
 * User: Admin
 * Date: 8/6/2015
 * Time: 2:22 PM
 */
?>
<div id="main-featured" class="function-layout">
		<div class="function-header">
			<div class="container">
				<?php the_title( '<h3 class="entry-title">', '</h3>' ); ?>

<div class="function-breadcrumb hidden-sm hidden-xs">
	<?php if(function_exists('bcn_display'))
	{
		bcn_display();
	}?>
</div>
<div class="function-breadcrumb-mobile visible-sx hidden-md hidden-lg clearfix">
	<?php if(function_exists('bcn_display'))
	{
		bcn_display();
	}?>
	<i class="fa fa-angle-down"></i>
</div>
</div>

<div class="menu-function-mobile">
	<?php
	if ( has_nav_menu( 'menu-tinhnang' ) ) :
		wp_nav_menu('menu-tinhnang');
	endif; ?>
</div>
<!-- menu-function-mobile -->
</div>
<!-- function-header -->
</div><!-- main-featured -->
<div class="container">
	<div class="row">
		<div class="col-md-9">
			<div class="featured-detail text-center" style="opacity: 1; left: 0px;">
				<?php the_content(); ?>
			</div>
		</div>
		<div class="col-md-3">

			<div class="menu-function">
				<h4>Tính năng</h4>
				<?php
				if ( has_nav_menu( 'menu-tinhnang' ) ) :
					wp_nav_menu('menu-tinhnang');
				 endif; ?>
			</div>
			<script type="text/javascript">
				$(function () {
					$('.function-breadcrumb-mobile:not(.function-breadcrumb-mobile a)').click(function () {
						$('.menu-function-mobile').slideToggle();
					});
				});

				$(document).ready(function () {
					$('.featured-detail').addClass('absh').animate({opacity: 0.0, left: '-100px'}, 100, function () {
						$(this).delay(50);
						$('.featured-detail').addClass('absh').animate({
							opacity: 1.0, left: '0'
						}, 500, function () {
							$(this).delay(10).removeClass('absh');
						});
					});
				});
			</script>

		</div>
	</div>
</div><!-- container -->